@import 'mixin.scss';

/**
 * 煤棚样式文件
 * author aty
 */

.page-coal-shed{
	@include video-box;
	.left-section{
		width: 18%;
		height: 100%;
		background: pink;
		overflow: hidden;
		.card{
			width: 100%;
			height: calc(33.8% - 10px);
			margin-bottom: 10px;
			background:url("../img/bg-mini-card.png") left top no-repeat;
			background-size: 100% 100%;
		}
	}
	.content-section{
		display: flex;
	}

	.center-section{
		width: 60%;
		height: 100%;
		background: green;
		margin-left: 10px;
		padding:10px;
	}

	.right-section{
		width: calc(22% - 30px);
		margin-left: 10px;
		height: 100%;
		background: orange;

		.card{
			width: 100%;
			height: calc(50% - 10px);
			margin-bottom: 10px;
			background:url("../img/out-and-in.png") left top no-repeat;
			background-size: 100% 100%;
		}
	}

	.select-box{
		position: absolute;
		width: 140px;
		height: 30px;
		top:13px;
		right: 20px;
		background:red;
		z-index: 99;
	}
}